<template>
    <div>
        <!-- 使用query传参数这样取值 -->
        <!-- <li>{{ $route.query.id }}</li> -->
        <!-- <li>{{ $route.query.title }}</li> -->

        <!-- 使用params传参数这样取值 -->
        <!-- <li>{{ $route.params.id }}</li>
        <li>{{ $route.params.title }}</li> -->

        <!-- props形式接收参数 -->
        <li>props: {{ id }}</li>
        <li>props: {{ title }}</li>
    </div>
</template>

<script>
export default {
    name: 'Detail',
    props: ['id', 'title'],
    mounted() {
        console.log(this.$route);
    }
}
</script>

